Settings

Theme

Text

Word emphasis

Content Results Including Tag: User Interaction

FED1

Introduction

Module 1

What to Expect

Reflective Journal

Planning and Communication

article

File delivery and Lånekassen

article

Plagiarism and Referencing

article

Introduction to Web Security

layers

Module 2

article

Installing a Code Editor

Introduction to Node

Github Setup

Design

Additional Resources

Module 1

Content management

Fundamentals of layout

article

Introduction to branding

article

Organising visual language and establishing visual hierarchy

layers

Module 2

article

Understanding the colors of the web

article

Font pairings

article

Fundamentals of color

article

Typography basics

layers

Module 3

article

User Interface Design

article

Principles of UI design

article

Introduction to UX design

article

Principles of UX design

layers

Module 4

article

Introduction to wireframes

article

Creating wireframes

article

Introduction to prototyping

Creating prototypes

Course Assignment

Marking Criteria

HTML and CSS

Module 1

Introduction to HTML

File Management

Introduction to CSS

Fonts

Checkpoint

Module 2

Images and Icons

Forms

Navigation

CSS Box Model

Checkpoint

Module 3

Positioning

Flexbox

CSS Grids

Media Queries

Checkpoint

Module 4

Bug Fixing

Animations and Transitions

CSS Variables

Common Layouts

Checkpoint

Module 5

Multimedia

Accessibility

Assistance

Deploying

Checkpoint

Project Methodology

Module 1

SDLC

Agile and Scrum

Kanban and User Stories

Gantt

GitHub Project Board

JavaScript 1

Module 1

Getting Started

Variables

Making Decisions

Loops

Module 2

Arrays

null, Objects and arrays of objects

article

Introduction to Functions

layers

String properties and methods, multiple if conditions and nested if statements

layers

Module 3

article

Array Methods

article

Object Methods and ES6 Modules

article

String and Number methods

layers

Module 4

article

Handling DOM Events

article

Creating HTML Dynamically

article

Updating HTML Content Dynamically

article

Managing Web Forms with JavaScript

layers

Module 5

article

Asynchronous Code

article

Synchronous and Asynchronous Code

article

Asynchronous Callbacks

Promises

Async Await

Race Conditions

setTimeout and setInterval

API Requests

API

REST API

Body Encoding

fetch

Handling fetch Errors

Postman

HTTP Request Methods

HTTP Response Codes

Request and Response Headers

article

API Methods

article

HTTP GET Request Method

article

HTTP POST Request Method

article

HTTP PATCH Request Method

article

HTTP PUT Request Method

article

HTTP DELETE Request Method

Postman

API Advanced

CORS

JWT

URL Parameters

Module 6

Data storage

JSON

Local Storage

Session Storage

IndexedDB

Remote Storage

Memory Management

Dates and Time

Date Class

Internationalization

Destructuring Objects and Arrays

article

Destructuring Objects

article

Destructuring Arrays

article

Rest and Spread Operators

Error Handling

Error class

Try Catch

Module 7

Pagination

User Experience

Routing

Search

Agency 1

Process

Discovery

Planning

Sprint

Course Assignment

Marking Guide

FED2

JavaScript 2

Module 1

Object Oriented Programming Foundations

article

Information Hiding in OOP

article

Inheritance in OOP

article

Legacy OOP Concepts

article

Functional Programming

Module 2

Best Practices

ECMAScript Versions

ES6 Ecmascript 2015

ES7 Ecmascript 2016

ES8 Ecmascript 2017

ES9 Ecmascript 2018

ES10 Ecmascript 2019

ES11 Ecmascript 2020

ES12 Ecmascript 2011

ES13 Ecmascript 2022

Writing Clean Code

File and Folder Structure

Debugging

JSDocs

Generator Functions

Regular Expressions

Basics of Regex

Character Classes and Ranges

article

Special Characters and Escaping

article

Quantifiers

article

Anchors and Boundaries

article

Groups and Capturing

article

Lookahead and Lookbehind

article

Modifiers

article

Common Regex Patterns

article

Regex in JavaScript

article

Advanced Regex Techniques

article

Testing and Debugging Regex

article

Practical Applications of Regex

article

Advanced Concepts

article

JavaScript Runtime Environment

The Call Stack

Events in JavaScript

The Event Loop

The Callback Queue

The Microtask Queue

Promises and the Microtask Queue

Queues in JavaScript

Practical Examples

Web Components

Getting Started with Web Components

article

Building Complex Components

article

Utilising HTML Templates

article

Shadow DOM

article

Shadow DOM Slots

article

Styling Web Components

article

Testing Web Components

article

Best Practices and Patterns for Developing Web Components

Module 3

Webpack

What is Webpack

Setting Up Webpack

Webpack Modules and Loaders

article

Plugins in Webpack

article

Code Splitting in Webpack

article

Asset Management in Webpack

article

Development Tools in Webpack

article

Optimizing Webpack for Production

article

Advanced Webpack Configuration

article

Troubleshooting and Debugging Webpack

article

Vite

article

What is Vite?

article

Setting up a Vite Project

article

Vite Development Server

article

Vite Build Process

article

Vite Plugins

article

Advanced Configuration

article

Integrating Vite with Other Tools

article

Troubleshooting and Best Practices

article

esbuild

article

Getting Started with esbuild

article

Understanding Core Concepts

article

Advanced Configuration

article

Optimizing Builds with esbuild

article

Comparing esbuild with Other Bundlers

article

Plugins in esbuild

article

Using esbuild in Production

article

Troubleshooting and Debugging

article

Turbopack

article

What is Turbopack?

article

Installation and Setup

article

Configuration

article

Entry Points and Outputs

article

Loaders and Plugins

article

Code Splitting

article

Optimization Techniques

article

Debugging and Error Handling

article

Building for Production

Practical examples

Module 4

Advanced Data Types

BigInt

Symbols

Map

Set

WeakMap

WeakSet

Stacks

Linked List

Node

Front-End and Back-End

article

What is Node.js

article

Getting Started with Node.js

Node.js Fundamentals

Adding nodemon

Using Postman

Introduction to Express

article

Templating Engines

article

Building a RESTful API

article

Handling Requests and Responses

article

Middleware in Express

article

WebSockets and Socket.io

article

Progressive Web Applications

article

Core Concepts of PWAs

article

Service Workers

article

Web App Manifest

article

Building a Simple PWA

article

Advanced PWA Features

article

Performance Optimization

article

Deploying a PWA

article

Case Studies and Real-World Examples

Task

Web Workers

What are Web Workers

Creating and Using Dedicated Web Workers

article

Handling Errors in Web Workers

article

Working with Shared Web Workers

article

Advanced Communication Techniques with Web Workers

article

Limitations and Best Practices with Web Workers

article

Using Web Workers with Third-Party Libraries

article

Real-World Examples of Using Web Workers

layers

Module 5

article

Algorithms

article

Introduction to Algorithms

Types Of Algorithms

Big O Notation

Big O Notation

Big O Notation Cont

Big O Constant O1

Big O O N

Big O O Log N

Big O O N 2

References

Big O O 2 N

Big O O N Log N

Big O Factorial

Sorting & Searching

Sort Algorithms

Bubble Sort

Selection Sort

Insertion Sort

Quick Sort

Merge Sort

Heap Sort

Radix Sort

Searching Algorithms

Linear Search

Binary Search

Graphs & Trees

A Star

Avl Trees

Binary Search Tree

Breadth First Search

Depth First Search

Dijkstras Algorithm

Graphs

Trees

Testing

Types of Testing

Getting Started

Test Basics

Unit Testing

Integration Testing

E2E Testing

Matchers

Mocking

Advanced Testing Techniques

article

Code Coverage

article

Test-Driven Development

article

TypeScript Fundamentals

article

Introduction

article

Installing and Using TypeScript

Vite with TypeScript

Types

Declaration files

Generics

Compiler options

Advanced Topics

Design Patterns

Abstract Factory

Adapter

Bridge

Builder

Chain Of Responsibility

Command

Composite

Decorator

Facade

Factory

Flyweight

Interpreter

Mediator

Memento

Observer

Prototype

Proxy Pattern

References

Singleton

State

Strategy

Template Method

Visitor